/* Styles for "Colored Pencils" theme.
   Source: http://www.openwebdesign.org/viewdesign.phtml?id=5622&referer=http://cloudix.org
-----------------------------------------------------------*/

* {
	margin:0px;
	padding:0px;
}
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #ffffff;
	color: #4e4e4e;
}
a {
	color:#fb0026;
	font-size:12px;
	text-decoration:underline;
}
a:hover {
	color:#fb0026;
	font-size:12px;
	text-decoration:none;
}
#container { 
	width: 800px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
} 
#header {
	width:800px;
	background:url(/Assets/Images/headerBackground.jpg) no-repeat left top;
}
#menu {
	padding:20px 0;
}
ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li {
	display: inline;
	list-style-type: none;
}

#navlist a { 
	padding: 13px 20px; 
}

#navlist a:link, #navlist a:visited {
	color: #eccc08;
	text-decoration: none;
	font-size:36px;
	background:url(/Assets/Images/p.jpg) no-repeat 22px top;
}

#navlist a:hover {
	color: #fb0026;
	text-decoration: none;
	font-size:36px;
	background:url(/Assets/Images/pActive.jpg) no-repeat 22px top;
}
#navlist #active a {
	color: #fb0026;
	text-decoration: none;
	font-size:36px;
	background:url(/Assets/Images/pActive.jpg) no-repeat 22px top;
}
#logo {
	color:#FFF;
	font-size:48px;
	text-align:center;
}
#displayEditMode {
	padding-top:220px;
	text-align:center;
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#sidebar1 li {
	list-style:none;
	background:url(/Assets/Images/pp.jpg) no-repeat left 4px;
	padding-left:10px;
	padding-right:30px;
	margin:10px 0;
}
#mainContent { 
	margin: 0 0 0 210px;  
	background:#ebebeb;
	padding:20px;
} 
#footer {
	text-align:center;
	padding:20px 0;
} 
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}
